<template>
	<div id="ZheXianTu03"></div>
</template>

<script setup>
import {onMounted} from 'vue'
import {Line} from '@antv/g2plot'

const data = [
	{year: '1991', value: 3},
	{year: '1992', value: 4},
	{year: '1993', value: 3.5},
	{year: '1994', value: 5},
	{year: '1995', value: 4.9},
	{year: '1996', value: 6},
	{year: '1997', value: 7},
	{year: '1998', value: 9},
	{year: '1999', value: 13},
	{year: '1999', value: 8}
]

onMounted(() => {
	const linePlot = new Line('ZheXianTu03', {
		data,
		xField: 'year',
		yField: 'value',
		stepType: 'vh'
	})

	linePlot.render()
})
</script>

<style scoped></style>
